import Vue from 'vue'

new Vue({
  el: '#root',
  // template: `
  //   <div v-bind:id='aaa' v-on:click='handleClick'>
  //     {{isActive ? 'active' : 'not active'}}
  //     {{Date.now()}}
  //     {{arr.join('-')}}
  //     {{html}}
  //     <p v-html='html'></p>
  //     <div :id='nnn' @click='handleClick'></div>
  //   </div>
  // `,
  template: `
    <div :class='[{active: !isActive}]'>
      <p v-html='html'></p>
    </div>
  `,
  data: {
    isActive: false,
    arr: [1, 2, 3],
    html: '<span>显示HTML节点</span>',
    aaa: 'main',
    nnn: 'main2'
  },
  // computed: {
  //   classNames () {
  //     return
  //   }
  // },
  methods: {
    handleClick () {
      alert('clicked') // eslint-disable-line
    }
  }
})
